<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span style="font-size: 25px">添加老师信息</span>
        <el-button style="margin-left: 20px" size="mini" type="primary"
          >批量导入</el-button
        >
      </div>
      <el-form ref="form" :model="teacherInfo" label-width="80px">
        <el-form-item label="职工号" style="width: 400px">
          <el-input
            v-model="teacherInfo.teacherId"
            placeholder="请输入职工号"
          ></el-input>
        </el-form-item>
        <el-form-item label="姓名" style="width: 400px">
          <el-input
            v-model="teacherInfo.name"
            placeholder="请输入姓名"
          ></el-input>
        </el-form-item>
        <el-form-item label="职务" style="width: 400px">
          <el-input
            v-model="teacherInfo.occupation"
            placeholder="请输入其职务"
          ></el-input>
        </el-form-item>
        <el-form-item label="单位" style="width: 400px">
          <el-select v-model="teacherInfo.unit" placeholder="请选择工作单位">
            <el-option
              label="计算机科学与技术学院、软件学院"
              value="计算机科学与技术学院、软件学院"
            ></el-option>
            <el-option label="化学工程学院" value="化学工程学院"></el-option>
            <el-option label="信息工程学院" value="信息工程学院"></el-option>
            <el-option label="外国语学院" value="外国语学院"></el-option>
            <el-option label="健行学院" value="健行学院"></el-option>
            <el-option label="生物工程学院" value="生物工程学院"></el-option>
            <el-option label="人文学院" value="人文学院"></el-option>
            <el-option label="体育军训部" value="体育军训部"></el-option>
            <el-option
              label="药学院 绿色制药协同创新中心"
              value="药学院 绿色制药协同创新中心"
            ></el-option>
            <el-option label="土木工程学院" value="土木工程学院"></el-option>
            <el-option
              label="设计与建筑学院"
              value="设计与建筑学院"
            ></el-option>
            <el-option label="环境学院" value="环境学院"></el-option>
            <el-option label="理学院" value="理学院"></el-option>
            <el-option label="法学院" value="法学院"></el-option>
            <el-option
              label="材料科学与工程学院"
              value="材料科学与工程学院"
            ></el-option>
            <el-option label="管理学院" value="管理学院"></el-option>
            <el-option label="公共管理学院" value="公共管理学院"></el-option>
            <el-option
              label="食品科学与工程学院"
              value="食品科学与工程学院"
            ></el-option>
            <el-option label="经济学院" value="经济学院"></el-option>
            <el-option
              label="马克思主义学院"
              value="马克思主义学院"
            ></el-option>
            <el-option label="机械工程学院" value="机械工程学院"></el-option>
            <el-option
              label="教育科学与技术学院"
              value="教育科学与技术学院"
            ></el-option>
            <el-option label="国际学院" value="国际学院"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="onSubmit">添加</el-button>
          <el-button>取消</el-button>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>

<script>
import adminControll from "@/api/adminControll";
export default {
  data() {
    return {
      teacherInfo: {
        teacherId: "",
        name: "",
        unit: "",
        occupation: "",
      },
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {
    //插入教师操作
    insertTeacher(teacherInfo) {
      adminControll.adminInsetTeacher(teacherInfo).then((response) => {
        if (response.code == "200") {
          this.$message({
            type: "success",
            message: "添加成功",
          });
        } else {
          this.$message({
            type: "error",
            message: "添加失败",
          });
        }
      });
    },
    onSubmit() {
      const { teacherId, name, unit, occupation } = this.teacherInfo;
      if (teacherId && name && unit && occupation)
        this.insertTeacher(this.teacherInfo);
      else {
        alert("请输入完整的信息");
      }
    },
  },
};
</script>
<style scoped></style>
